@import url(public.css?v=1.03);.top-nav {height:40px;background:#333;color:#a0a0a0;line-height:40px;cursor:default;position:fixed;top:0;left:0;width:100%;z-index:999;min-width:1200px}
.top-nav a {color:#a0a0a0}
.top-nav a:hover {color:#fff}
.top-nav-box {padding:0 40px;margin:0 auto}
.top-nav-item li {float:left;position:relative}
.top-nav-item>li+li {margin-left:10px}
.top-nav-a li+li a:before {content:'|';padding-right:10px;opacity:.2}
.head {position:relative;padding-top:40px;width:100%;min-width:1200px;z-index:88;background-color:#fff}
.head-box {width:1200px;margin:0 auto;padding:15px 0}
.logo {float:left;height:50px;width:170px}
.logo a {display:block;width:100%;height:100%;overflow:hidden;background-size:auto 100%}
.logo img{max-width:170px;max-height:50px;}
.head-gd {float:left;overflow:hidden;padding:0 0 0 10px}
.head-gd a {display:block;height:50px;max-width:280px;overflow:hidden}
.head-gd a img {max-height:100%;width:auto}
.head-site {float:left;padding:0 10px;font-size:24px}
.head-site a {display:block;padding:0 10px;border-radius:4px;line-height:40px;color:#fff;margin-top:5px;background-color:#fc0}
.search {float:right;z-index:99;margin-top:7px}
.search form {border:2px solid #0CC6C6;height:31px;background-color:#fff;overflow:hidden;position:relative;padding-right:40px}
.input-search {display:block;border:0px;margin:5px;background:none;height:21px;width:150px;line-height:21px;font-size:16px;color:#999}
.search-btn-icon{width:20px;height:20px;display:inline-block;background-position:-165px -77px;background-color: none;}
.search .icf {position:absolute;display:block;width:40px;height:31px;line-height:31px;right:0;top:0;background:#0CC6C6;text-align:center;font-size:20px;color:#fff}
.btn-search {position:absolute;right:0;top:0;display:block;border:0;width:40px;height:31px;overflow:hidden;cursor:pointer;z-index:2;background:transparent}
.hot-search {line-height:20px;width:100%;overflow:hidden;height:20px;margin-top:5px}
.hot-search a+a {margin-left:5px}
.head-nav {float:right;margin:0 15px}
.nav {height:50px;overflow:hidden}
.nav li {float:left;line-height:30px;position:relative;z-index:10}
.nav li .nav-a {display:block;padding:0 15px;line-height:50px;text-align:center;font-size:16px;position:relative}
.nav li .nav-a:hover,
.nav li .nav-a.active {color:#0cc6c6}
.nav li .nav-a:after {content:'';width:0;position:absolute;bottom:0;left:50%;margin-left:0;height:2px;background-color:#0CC6C6;transition:all 0.2s}
.nav li .nav-a.active:after,
.nav li .nav-a:hover:after {width:100%;left:50%;margin-left:-50%}
.nav li .nav-xy {display:block;padding:12px 40px 12px 58px;color:#fff;line-height:20px;font-size:18px;position:relative}
.nav li .nav-xy .icf {top:7px;font-size:20px;left:25px}
.head-nav-pd {background-color:#0CC6C6;border-bottom:2px solid #00ABAB;width:100%}
.nav-pd {width:1200px;margin:0 auto}
.nav-pd li {float:left;line-height:30px;position:relative;z-index:10}
.nav-pd>li+li {border-left:1px solid #00abab}
.nav-pd li .icf {display:block;width:30px;line-height:30px;text-align:center;position:absolute;top:5px;left:50%;margin-left:-15px;font-weight:normal;font-size:24px}
.nav-pd li .nav-xy {display:block;padding:12px 40px 12px 58px;color:#fff;line-height:20px;font-size:18px;position:relative}
.nav-pd li .nav-xy .icf {top:7px;font-size:20px;left:25px}
#menu-toggle {display: none;}
@media screen and (max-width:1000px) {
  .top-nav{display:none;}
  .head{min-width:auto;padding:0px 10px;width:auto;}
  .head-box{width:auto;}
  .search{display:none;}
  .logo{height:auto;}
  .logo img{max-height:48px;}
  .nav{display:none;background: #FFF;width: 100%;height: 100%;position: fixed;top:0px;left:0px;margin-top:65px;z-index: 1000;overflow: hidden;border-top: 1px solid #EEE;}
  .nav li {height: 45px;line-height: 45px;float: none;clear: both;text-align: left;float: none;margin: 0px;width: auto;}
  .menu-button-container {height: 100%;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;float:right;margin-right:10px;position: relative;right: 0px;z-index: 999;}
  .menu-button,
  .menu-button::before,
  .menu-button::after {display: block;background-color: #ddd;position: absolute;height: 4px;width: 30px;transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);border-radius: 2px;}
  .menu-button{margin-top:17px;}
  .menu-button::before {content: "";margin-top: -10px;}
  .menu-button::after {content: "";margin-top: 10px;}
  #menu-toggle:checked + .menu-button-container .menu-button::before {margin-top: 0px;transform: rotate(405deg);}
  #menu-toggle:checked + .menu-button-container .menu-button {background: rgba(255, 255, 255, 0);}
  #menu-toggle:checked + .menu-button-container .menu-button::after {margin-top: 0px;transform: rotate(-405deg);}
  #menu-toggle ~ .header-nav li {clear:both;  height: 0;  margin: 0;  padding: 0;  border: 0;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
  #menu-toggle:checked ~ .header-nav li {border: 1px solid #333;  height: 2.5em;  padding: 0.5em;  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}
}

.game-recommend-box{background:#FFF;overflow:hidden;padding:15px;margin-bottom:20px;}
.game-switch-container ul{position:flex}
.game-switch-container ul li{float:left;text-align:center;width:117px;padding-bottom:15px;}
.game-switch-container ul li p{height:30px;line-height:30px;overflow:hidden;}
.game-switch-container ul li img{width:86px;height:86px;border-radius:15px;}
.game-switch-container ul li a{font-size:12px;}
.game-switch-container .swiper-pagination-bullet{width:20px;height:3px;border-radius:0px}

.game-recommend{clear:both;}
.game-recommend dl{clear:both;overflow: hidden;border-top:1px solid #EEE;padding:10px 0px;}
.game-recommend dl dt{float:left;font-size:15px;background: red;color:#FFF;text-align:center;height:28px;line-height:28px;width:55px;border-radius:15px;margin-right:15px;}
.game-recommend dl:nth-child(1) dt{background-image:linear-gradient(-34deg, #ff9666 0%, #ff5f62 100%);}
.game-recommend dl:nth-child(2) dt{background-image:linear-gradient(-34deg, #9fd85f 0%, #3cc464 100%);}
.game-recommend dl:nth-child(3) dt{background-image:linear-gradient(-34deg, #35ccdc 0%, #27afe3 100%);}
.game-recommend dl:nth-child(4) dt{background-image:linear-gradient(-34deg, #ffa21e 0%, #ff891e 100%);}
.game-recommend dl:nth-child(5) dt{background-image:linear-gradient(-34deg, #959afc 0%, #5b62dc 100%);}
.game-recommend dl dd{line-height:30px;height:30px;overflow: hidden;}
.game-recommend dl dd a{margin-right:20px;color:#666;position:relative;display:block;float:left;font-size:12px;}
.game-recommend dl dd a::after{content:'';position:absolute;right:-20px;top:10px;background: #ccc;height:12px;width:1px;margin-right:10px;}

@media screen and (max-width:1000px) {
    .game-recommend-box{margin-bottom:5px;padding:12px;}
    .game-recommend-box .swiper-container{padding-bottom:15px;}
    .swiper-switch .swiper-slide{display:block}
    .game-switch-container ul li{width:20%;padding-bottom:8px;}
    .game-switch-container ul li p{height:24px;line-height:24px;overflow:hidden;}
    .game-switch-container ul li a{font-size:12px;}
    .game-switch-container ul li img{width:60px;height:60px}
    .game-recommend dl dt{font-size:14px;margin-right:8px;line-height:24px;height:24px;}
    .game-recommend dl dd{white-space:nowrap;overflow:auto;height:26px;line-height:26px;}
    .game-recommend dl a{display:inline-block;}
    .game-recommend dl dd a::after{top:6px;}
}

.banner-focus-left{width:420px;overflow:hidden;float:left;}
.banner-focus-box{position:relative;}
.banner-focus-box img{width:100%;height:280px;}

.banner-focus-left-game {background:#FFF;padding:15px;}
.banner-focus-left-game li{height: 52px;}
.banner-focus-left-game li + li{margin-top: 13px;    padding-top: 13px;    border-top: 1px solid #ededed;}
.banner-focus-left-game a{display: block;overflow: hidden;color: #666;}
.banner-focus-left-game .pic-wrap{width: 52px;height: 52px;float: left;margin-right: 20px;border-radius: 5px;}
.banner-focus-left-game .pic-wrap img {display: block;width: 100%;height: 100%;}
.banner-focus-left-game .tit{height: 24px;line-height: 24px;font-size: 16px;color: #2a2a2a;overflow: hidden;}
.banner-focus-left-game .tit:hover{color: $green;}
.banner-focus-left-game .txt{line-height: 16px;height: 16px;font-size: 12px;color: #6f6f6f;overflow: hidden;margin-top: 5px;}
.banner-focus-left-game .val{float: right;width: 70px;height: 36px;line-height: 36px;text-align: center;font-size: 16px;font-weight: bold;color: #f76341;margin-top: 8px;position: relative;}
.banner-focus-left-game .val:before{ content: "";    width: 1px;    height: 20px;    background: #dedede;    position: absolute;    left: 0;    top: 50%;    margin-top: -10px;}
.banner-focus-left-game b{ font-size: 30px;}

.banner-focus-center{width:422px;float:left;margin-left:15px;background:#FFF;overflow:hidden;}
.banner-focus-center ol{padding:10px 15px 15px 15px;border-bottom:1px solid #EEE;}
.banner-focus-center ol li{height:24px;line-height:24px;overflow:hidden;text-align:center;}
.banner-focus-center ol li a{color:#999;font-size:12px;margin:0px 2px;}
.banner-focus-center ol li.banner-focus-center-h2{padding-top:6px;}
.banner-focus-center ol li.banner-focus-center-h2 a{color:#fe8900;font-size:18px;margin:0px;}
.banner-focus-menu {position:relative;background:#FAFAFA}
.banner-focus-menu:before {content:'';border-bottom:1px solid #EEE;position:absolute;bottom:0px;width:100%;}
.banner-focus-menu li{font-size:16px;position:relative;display:inline-block;padding:0px 20px;height:56px;line-height:52px;cursor:pointer;}
.banner-focus-menu li.active{color:#dc191b;font-weight:bold;}
.banner-focus-menu li.active:after {content: ''; display: block; width:28px; height: 4px; background: #dc191b; border-radius: 100px; margin: auto;}

.banner-focus-div{display:none;}
.banner-focus-div.active{display:block;}
.banner-focus-div ul{padding:10px 15px 9px 15px;}
.banner-focus-div ul li{clear:both;height:36px;line-height:36px;overflow:hidden;padding-left:12px;position:relative;}
.banner-focus-div ul li a{float:left;color:#666;}
.banner-focus-div ul li:after{content:"";background:#ccc;width:4px;height:4px;border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;display:block;position:absolute;left:0;top:50%;}

.banner-focus-right{width:330px;float:right;}
.banner-app-download{background:#256cff;padding:21px 15px;overflow:hidden;border-radius:8px 8px 0px 0px}
.banner-app-download dl dd{float:left;}
.banner-app-download dl dt{float:right;}
.android-download{margin-bottom:15px;}
.android-download,.ios-download{width:180px;height:45px;line-height:45px;border-radius:45px;background:#FFF;display:block;font-size:16px;}
.android-download::before,.ios-download::before{content:'';width:35px;height:35px;display:inline-block;vertical-align:middle;margin-left:8px;margin-right:10px;}
.android-download::before{background:url(../static/img/android-icon.png);background-size:contain;}
.ios-download::before{background:url(../static/img/ios-icon.png);background-size:contain;}

.banner-focus-right ul{overflow:hidden;padding-bottom:6px;clear:both;background:#FFF;}
.banner-focus-right ul li{overflow:hidden;padding:25px 0px 0px 20px;float:left;width:81px;text-align:center;}
.banner-focus-right ul li img{width:81px;height:81px;border-radius:8px;}
.banner-focus-right ul li p{font-size:12px;padding-top:8px;line-height:22px;height:22px;overflow:hidden;}
.banner-focus-right ul li span{font-size:12px;color:#999;}
.banner-focus-right ul li .article-game-down{width:90px;text-align:center;display:inline-block;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;}

@media screen and (max-width:1000px) {
    .banner-focus-left{width:100%;float:none;}
    .banner-focus-center{float:none;width:100%;margin-left:0px;margin-top:10px;}
    .banner-focus-right{width:100%;float:none;}
    .banner-focus-right ul li{width:22%;margin-left:2%;padding:10px 0px 0px 0px;}
}

        .gamebox-downloads{background:#00b4fe;clear:both;padding:8px;overflow:hidden;margin-top:5px;}
        .gamebox-downloads a{display:block;}
        .gamebox-downloads img{margin-right:10px;float:left;width:48xpx;height:48x;border-radius:5px;}
        .gamebox-downloads i{position:absolute;right:-7px;top:-9px;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border:1px solid #EEE;background:#FFF;cursor:pointer;border-radius:20px;color:#999;}
        .gamebox-downloads span:nth-child(2){font-size:12px;color:#FFF;}
        .gamebox-downloads span:nth-child(2) b{font-weight:bold;font-size:16px;}
        .gamebox-downloads span:nth-child(1){float:right;background:#FFF;color:#00b4fe;padding:4px 10px;border-radius:8px;display:inline-block;margin-top:10px;}

.shouyou-title{height:48px;line-height:48px;}
.shouyou-title h2{float:left;font-size:18px;}
.shouyou-title a{float:right;}

.shouyou-type-lists{clear:both;padding:20px 15px 12px 15px;background:#FFF}
.shouyou-type-lists a{height:33px;line-height:33px;overflow:hidden;text-align:center;display:inline-block;border:1px solid #CCC;min-width:85px;padding:0 6px;margin-right:5px;border-radius:20px}

.shouyou-list{clear:both;background:#FFF;padding:0px 15px 15px 15px;margin-bottom:20px;}
.shouyou-list ul{display:flex;flex-wrap:wrap;overflow:hidden;}
.shouyou-list ul li{float:left;text-align:center;width:193px;padding:12px 0px;border:1px solid #EEE;padding-bottom:15px;}
.shouyou-list ul li img{width:86px;height:86px;border-radius:15px;}
.shouyou-list ul li p:nth-child(2){line-height:24px;height:24px;overflow:hidden;}
.shouyou-list ul li p:nth-child(3){margin-top:8px;}
@media screen and (max-width:1000px){
    .shouyou-title{padding:0px 10px;}
    .shouyou-list{height:auto;padding:0px 0px 15px 0px;margin-bottom:5px;}
    .shouyou-list ul li{width:33.33%;border:0px;padding-bottom:8px;}
    .shouyou-list ul li a{font-size:12px;}
    .shouyou-list ul li img{width:60px;height:60px}
}

.index-rank-box{float:left;margin-left:16px;width:288px;margin-top:20px;}
.index-rank-box:nth-child(1){margin-left:0px;}
.index-rank-box h2 {line-height:42px;background-color:#2f8ab7;width:100%;color:#fff;text-align:center;font-size:16px}
.index-rank-box ol {position:relative;padding-top:200px;background-color:#39C}
.index-rank-box ol li {position:relative;line-height:20px}
.index-rank-box ol .t {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.index-rank-box ol .num {border-radius:100%}
.index-rank-box ol .i {font-size:12px;color:#888}
.index-rank-box ol .n1 {left:50%;top:35px;margin-left:-40px}
.index-rank-box ol .n1 .img {width:66px;height:66px;margin:0 auto;border:3px solid #fff;border-radius:20px}
.index-rank-box ol .n2 .img,
.index-rank-box ol .n3 .img {width:58px;height:58px;margin:0 auto;border:3px solid #fff;border-radius:18px}
.index-rank-box ol .n1,
.index-rank-box ol .n2,
.index-rank-box ol .n3 {width:80px;margin-top:20px;position:absolute;text-align:center;color:#fff}
.index-rank-box ol .n1 .t,
.index-rank-box ol .n2 .t,
.index-rank-box ol .n3 .t {margin:5px 0 0}
.index-rank-box ol .n1 .t a,
.index-rank-box ol .n2 .t a,
.index-rank-box ol .n3 .t a {color:#fff}
.index-rank-box ol .n1 .i,
.index-rank-box ol .n2 .i,
.index-rank-box ol .n3 .i {color:#fff;opacity:0.8}
.index-rank-box ol .n1 .num,
.index-rank-box ol .n2 .num,
.index-rank-box ol .n3 .num {position:absolute;left:50%;top:-10px;background-color:#fff;color:#000;line-height:20px;width:20px;margin-left:-10px;font-weight:bolder}
.index-rank-box ol .img {overflow:hidden}
.index-rank-box ol .img img {width:100%;height:100%}
.index-rank-box ol .n2 {left:5px;top:50px}
.index-rank-box ol .n3 {right:5px;top:50px}
.index-rank-box ol .nn {border-bottom:1px solid #eee;padding:10px 10px 10px 40px;background-color:#fff;height:32px}
.index-rank-box ol .nn .img {width:32px;height:32px;float:left;margin-right:10px}
.index-rank-box ol .nn .t {margin:6px 0;float:left;max-width:130px}
.index-rank-box ol .nn .i {float:right;margin:6px 0}
.index-rank-box ol .nn .num {position:absolute;left:10px;top:16px;width:20px;text-align:center;border-radius:4px;background-color:#A3B0BE;color:#fff;font-size:12px}
@media screen and (max-width:1000px) {
    .index-rank-box{width:auto;float:none;margin-top:10px;margin-left:0px;}
}

.news-box{background:#FFF;overflow:hidden;padding:0px 15px 15px 15px;}
.news-box h2{font-size:16px;height:48px;line-height:48px;border-bottom:1px solid #EEE;}
.news-list{padding-top:15px;}
.news-list .news-left-box{width:390px;overflow:hidden;float:left;}
.news-list .news-left-box ul:nth-child(1){width:390px;height:260px}
.news-list .news-left-box ul:nth-child(1) li img{width:390px;height:260px;}
.news-list .news-left-box ul:nth-child(2){padding-top:8px;}
.news-list .news-left-box ul:nth-child(2) li{overflow:hidden;width:188px;}
.news-list .news-left-box ul:nth-child(2) li img{width:188px;height:135px;}
.news-list .news-left-box ul:nth-child(2) li p{height:30px;line-height:30px;overflow:hidden;padding-top:6px;text-align:center;}
.news-list .news-left-box ul:nth-child(2) li p a{color:#333;font-size:14px;}

.news-list .news-left-box ol{overflow:hidden;padding-bottom:11px;padding-top:6px;clear:both;}
.news-list .news-left-box ol li{overflow:hidden;padding:8px;float:left;width:81px;text-align:center;}
.news-list .news-left-box ol li img{width:81px;height:81px;border-radius:8px;}
.news-list .news-left-box ol li p{font-size:14px;padding-top:8px;height:26px;line-height:22px;overflow:hidden;}
.news-list .news-left-box ol li span{font-size:12px;color:#999;}
.news-list .news-left-box ol li .article-game-down{width:90px;text-align:center;display:inline-block;border:1px solid #ff9000;font-size:12px;color:#ff9000;height:20px;line-height:20px;border-radius:3px;}

.news-list .news-center-txt{width:755px;padding-left:15px;overflow:hidden;float:right;}
.news-list .news-center-txt ul li{padding:9px 0px 9px 18px;width:340px;overflow:hidden;float:left;}
.news-list .news-center-txt ul li img{width:90px;height:65px;border-radius:8px;float:left;margin-right:10px;}
.news-list .news-center-txt ul li p.news-title{height:30px;line-height:30px;overflow:hidden;margin-bottom:10px;}
.news-list .news-center-txt ul li p.news-title a{color:#333;font-size:16px;}
.news-list .news-center-txt ul li p time{float:left;font-size:14px;color:#999;}
.news-list .news-center-txt ul li p span{float:right;font-size:14px;color:#999;}
@media screen and (max-width:1000px) {
    .news-box{padding:0px;}
    .news-box h2{display:none;}
    .news-list{margin-top:8px;padding-top:0px;}
    .news-list .news-left-box{width:100%;}
    .news-list .news-left-box ol li{width:22.5%;margin-left:2.5%;padding:10px 0px;}
    .news-list .news-left-box ol li img{width:66px;height:66px;display:inline-block;margin:0px auto;}
    .news-list .news-left-box ol li p{font-size:12px;}
    .news-list .news-center-txt{width:auto;padding:12px;}
    .news-list .news-center-txt ul li p time{font-size:12px;}
    .news-list .news-center-txt ul li p span{font-size:12px;}
}


.question-box{background:#FFF;overflow:hidden;float:left;width:395px;}
.question-box-title{height:48px;line-height:48px;border-bottom:1px solid #EEE;padding:0px 15px;}
.question-box-title h2{float:left;font-size:18px;}
.question-box-title a{float:right;}
.question-box ul{padding:8px 0px;overflow:hidden;clear:both;}
.question-box ul li{line-height:48px;height:48px;overflow:hidden;margin:0px 15px;border-top:1px solid #F6F6F6;position:relative;padding:0px 10px 0px 35px;}
.question-box ul li::before{content:'问';border:1px solid #fd3b3b;color:#fd3b3b;width:20px;height:20px;line-height:20px;text-align:center;border-radius:3px;position:absolute;left:0px;top:12px;}
.question-box ul li:nth-child(1),.question-box ul li:nth-child(2),.question-box ul li:nth-child(3){border-top:0px;}
.question-box ul li time{float:right;font-size:14px;color:#999;}
.question-box ul li a{float:left;font-size:14px;color:#666;}
@media screen and (max-width:1000px) {
    .question-box ul li{width:auto;float:none;}
    .question-box ul li a{float:none;}
}

    .game-vs-list{background:#FFF;overflow:hidden;}
    .game-vs-list h3{padding:15px 0px 0px 15px;}
    .game-vs-list ul{padding:15px 0px;overflow:hidden;}
    .game-vs-list ul li{float:left;padding-left:15px;width:280px;height:30px;line-height:30px;overflow:hidden;}

    .foot-links{overflow:hidden;background:#2b2b2b;padding:10px 0px}
    .foot-links li{width:auto;margin-right:10px;float:left;height:35px;line-height:35px;overflow:hidden;}
    .foot-links a{color: #FFF;}
    .footer{background:#191919;text-align:center;padding:20px 0px;color:#CCC}
    .footer p{padding-top:5px;}
    .footer a{color:#CCC}
    @media screen and (max-width:1000px) {
        .game-vs-list ul li{float:none;width:auto;}
        body{padding-bottom:55px;}
        .footer{padding:10px}
        .foot-links{padding:10px}
    }